/**
 * Created by Administrator on 2017/4/27.
 */
$(document).ready(function () {
    var $speech = $('div.speech');
    var defaultSize = $speech.css('fontSize');
    $('#switcher button').click(function () {
        var num = parseFloat($speech.css('fontSize'));
        switch (this.id) {
            case 'switcher-large':
                num *= 1.4;
                break;
            case 'switcher-small':
                num /= 1.4;
                break;
            default:
                num = parseFloat(defaultSize);
        }
        $speech.animate({ fontSize: num + 'px' }, 'slow');
    });

    var $firstPara = $('p').eq(1);
    $firstPara.hide();
    $('a.more').click(function (e) {
        e.preventDefault();
        $firstPara.animate({
            opacity: 'toggle',
            height: 'toggle'
        }, 'slow');
        var $link = $(this);
        if ($link.text() == 'read more') {
            $link.text('read less');
        } else {
            $link.text('read more');
        }
    });

    $('div.label').click(function () {
        var paraWidth = $('div.speech p').outerWidth();
        var $switcher = $(this).parent();
        var switcherWidth = $switcher.outerWidth();
        $switcher
            .css({ position: 'relative' })
            .fadeTo('fast', .5)
            .animate({
                left: paraWidth - switcherWidth
            }, {
                    duration: 'slow',
                    queue: false
                })
            .fadeTo('slow', 1.0)
            .slideUp('slow', function () {
                $switcher.css({ backgroundColor: '#f00' });
            })
            .slideDown('slow');
    });
});